logo

Lifeline—Responsive, Non-Profit, Church, Charity, NGO Premium WP Theme

Premium Html5 Templates and WP Themes by webinane.com

Introduction:

Note:

In case of any problem regarding Lifeline, we recommend to join our forum at Support Forum or email us at support@webinane.com

Thanks for your patience and appreciation—the premium WordPress version of the Lifeline NGO, Church, Charity and Non-Profit theme is finally out! It comes with super-responsive layout, extreme flexibility, advanced SEO coding and neat & clean design, which are the most demanded features for such a magnificent product devoted to the holy/virtuous cause. Expressive mouse-hover animations and super-refreshing retina ready graphics are pleasing to the eye and soothing to the heart.

With Lifeline premium WordPress theme you can not only launch a perfect and progressing Church, Charity and NGO website, but also save a large sum of $ 45 on account of the free-of-cost provision of Revolution Slider (worth $ 15) and Visual Composer (worth $ 30). The modern page builder WP plugin makes the process of page building and customization as easy as a child’s play.

The 6 brilliant Homepage layouts, 5 innovative header styles, 15 color schemes, and plenty of built-in widgets, shortcodes & PSD files promote the versatile utilization of the product. Additional appeal is rendered to Lifeline through multi-language support, WooCommerce plugin, cross browser compatibility, and an unlimited number of Google Fonts Families and Font Awesome Icons.

Our Motto:

The sole determination of our highly skilled and devoted team workers is to bring innovation in the field of template development that will provide the users with something that they would have never experienced before. While the website designing is becoming a promising business, there are also many serious and complex issues that are being faced by the global web community. The same, otherwise disappointing, problems are being addressed here for the utmost facilitation and convenience of the clients.

The Package Includes:

  • Best for NGO and Charity websites
  • WooCommerce Ready
  • Sharp Retina Display
  • Fifteen (15) eye-catching pre-defined color schemes
  • Six (6) unique Homepage layouts and 5 catchy Header styles
  • 1170 pixels width
  • Revolution Slider included (Save $ 15)
  • Modern Visual Composer page builder WP plugin (save $ 30)
  • Advanced SEO Coding
  • Highly responsive layout
  • Easy customization with Drag & Drop facility
  • Super flexibility
  • Cross browser compatibility
  • Built-in Social Media buttons
  • Full and boxed layout
  • Three Gallery pages (2 columns, 3 columns and 4 columns)
  • Six (6) extra Sidebar widgets
  • Flicker widget for the Footer
  • Over 650 Google Fonts Families and 350+ Font Awesome Icons
  • Four (4) patterns for boxed layout
  • Two (2) unique “Donate Us” box designs
  • Separate Pages for “Successful Stories” and “Projects”
  • Four (4) Single Post styles (with Project, Video, Featured Image and Slider)
  • Event Management pages included
  • Support for Contact Form 7
  • Sliding hover effect on menu
  • Usage of light JQuery Code
  • 6 PSD files included in the package
  • Complete and detailed Documentation

WooCommerce: Initial Setup

Installation and Initial Setup

Installation is just as easy as any other WordPress plugin. You have 2 options:

FTP/SFTP Upload
  • Visit the WooCommerce Plugin Page on the WordPress.org Plugin Repository and click download. This will download the latest version to your local machine.
  • Extract the downloaded zip file using your application of choice.
  • Connect to your WordPress site via FTP or SFTP (SFTP FTW!) and navigate to wp-content/plugins/.
  • Upload the extracted woocommerce folder to wp-content/plugins/.
WordPress Dashboard
  • Login to your WordPress site Dashboard.
  • Navigate to Plugins -> Add New.
  • Search for "WooCommerce".
  • The top result should be "WooCommerce - excelling eCommerce". Click install now.
  • Depending on your setup you may be prompted for your FTP username and password.

Plugin Activation

    If you uploaded your plugin via FTP/SFTP you now need to navigate to "Installed Plugins" under your WordPress Dashboard. Find WooCommerce in the list and click on activate.

    If you downloaded the plugin via your WordPress Dashboard you should see "Successfully installed the plugin WooCommerce - excelling eCommerce 1.6.6." (The version may be different depending on when you are reading this!), underneath simply click Activate Plugin. (If you have already navigated away from this page you can simply follow the above step, navigating to your Installed Plugins page to activate.)

Pages Setup - You should see a nice magenta banner "Welcome to WooCommerce – You're almost ready to start selling :)". WooCommerce needs some pages to be created for it to function, it can do this automatically for you by simply clicking "Install WooCommerce Pages". (You can change these page names later if you want to).

That's it WooCommerce is installed! You should now be looking at the WooCommerce settings page. This is where you will be configuring your store. Let's go through the initial settings.

General Settings

The first thing we need to do is setup where we are and our currency. These are simple dropdowns and you also get a third dropdown to allow you to limit which countries you are willing to ship to. You currently can only set one currency, which might be an issue for some international sellers, however there is an extension to show dynamic currency conversions in your store using the Open Source Currency Exchange API. This will only serve as a guide for your visitors as payment will still be taken in the base currency you set under general settings. It is also a paid extension.

Next we get some Checkout and account options. Here you can configure things like enabling guest checkouts (so they don't need to register an account with your site), you can force SSL on checkout pages (particularly useful if your payment gateway requires this), if you want to enable coupons (more on this later). You can also set some account functions like allow user registration without an order, whether to use email addresses for usernames and if you want to hide the WordPress Admin from customers. Most of these are personal preference and you can add and remove these options whenever you like. The default options are a good place to start and I always disallow customer access to the WordPress admin.

Further down we have some options for styling and scripts. You can enable the default WooCommerce CSS and customise it from here or turn it off completely. We'll go into more detail on this later. You also get a couple of UI options including quite a nice Lightbox effect which I usually enable.

Finally on this page we see our digital downloads options. With WooCommerce you can easily sell virtual and downloadable products these options allow you to define how they should be handled and how to grant access. The options are pretty self explanatory as with most of the WooCommerce setup.

Catalog Settings

Most of the options are easy to understand, one definately worth a look is the "Show subcategories". These three little checkboxes can really affect your look. Check these boxes and your main store page will show your categories instead of products. This is really useful as it gives much more of a e-commerce feel, with lots of products simply having the products shown can make navigating your product categories quite difficult as you have to rely on the WooCommerce widgets.

Product data is also one to watch, it gives you the option to show or hide some fields on your products, it is up to you to decide if you need these fields and to enable/disable according to your needs. Likewise hiding underneath is the ratings options. Again whether or not to allow product reviews is your personal choice, but it is nice that WooCommerce gives you the option to turn it on or off.

Skipping to the bottom we see the Image options. Here you set the image dimensions of your products, these are essentially the image sizes for the Products custom post type WooCommerce creates for you. Catalog images are your archive style pages with single product images and product thumbnails being exactly what they say they are. If you do change the image sizes after adding products you will need to regenerate your images using something like the Regenerate Thumbnails Plugin as like all WordPress media the extra image sizes are created on upload based on these settings.

Other Settings

I'm going to speed through some of the other settings here as most are fairly self-explanatory. I recommend you setup a local WordPress site and have a play with WooCommerce to check out the different options.

  • Pages Settings - Remember during our plugin activation we created some pages? Well it is here you can change them. You can simply update the already created pages (found along with all the other pages you have on your site) or you can create new pages and link them from this page. You can also change your shop permalink structure from here although I have never found the need personally.
  • Inventory Settings - Another small and simple page. Basically do you want to enable stock management or not? If you do you get a few options on what to do about low stock etc.
  • Tax Settings - From here you can define your tax rules with multiple tax classes and local tax rules. Particularly useful actually especially for international selling. As with all the settings you will either need it or not and switching it off is as simple as a checkbox.

So hopefully we have WooCommerce installed and we've been through our intial setup. There's still a little bit of work to do before we can start adding our products though.

Setting Up Shipping

Out of the box WooCommerce comes with a range of shipping options and even gives you the option to switch it off completely if you are dealing with downloadable or virtual products. The core shipping options allow you to set fixed rate costs for domestic, international and local delivery and allow you to specify different classes like Next Day, Priority Delivery etc by using what are called shipping classes. You can easily set which countries and areas qualify for your different shipping methods and you should be able to get your store up and running using these basic methods.

Let's setup a shipping method. So for my store I want to charge a flat fee for all deliveries to the UK and then a flat fee for international shipping. From my shipping options I have disabled all but "Flat Rate" and "International Shipping". On my main shipping options page I have ticked "Enable Shipping" and "Hide shipping costs until an address is entered". I don't want the shipping calculator to be shown so have unticked this (this is more for use when you have complicated shipping rules and charges in place). Now I don't mind shipping to a seperate billing address so I'm allowing that, however I am setting the billing address as the default shipping address. You can see my setup below.

So now onto the charges. So firstly my flat rate; I've enabled it and changed the "Method Title" to UK Delivery (this is what is output on the front end). For my method availability I have set it to specific countries and specified United Kingdom in the box below. On people with a shipping address within the United Kingdom will be able to use this shipping method. Next I have set the "Calculation Type" to Per Order and left it as Taxable. My Default cost is set to 4.99 I'm not charging a handling fee.

Now for my International Shipping. I've enabled it, the default name of "International Delivery" makes sense. Now for availablity I've this time set it to "Excluding selected countries" and then entered United Kingdom. Everything else is the same as for UK delivery except the price which I have set to 7.99. Now anybody ordering with delivery to a UK address should see the United Kingdom Delivery price and anybody with a delivery address outside the United Kigdom will see our international price.

This is obviously a very basic shipping setup. You can do much more using premium shipping extensions. You can use the Table Rate Shipping Extension to create complicated shipping rules to calculate shipping based on weight and dimensions of a product or charge a fixed fee for the first item and then a smaller fee for additional items in a cart (This extension is extremely well put together and can give you endless options for your shipping charges). You can also get extensions to hook into popular shipping carriers APIs such as UPS, FedEx and the USPS meaning you can get real-time and correct shipping pricing from your carrier. Now you pay for the extra shipping methods but the small cost involved should be well inline without whatever profits your store is generating with the average shipping extension coming in at around $49.

Setting Up Your Payment Gateways

Okay, initial setup is done. We have our shipping methods setup. Now we need to actually get some money from our users! As with the shipping methods you get a few basic payment gateway options out of the box. Most of them completely pointless for most e-commerce stores, things like Direct Bank Transfer, Cheque, Cash On Delivery. What you do get is PayPal which should be fine for most people starting out and Mijireh Checkout. Mijireh is payment processor that has partnered with WooCommerce hence why it is included for free. Mijireh Checkout provides a fully PCI Compliant, secure way to collect and transmit credit card data to your payment gateway while keeping you in control of the design of your site. Mijireh supports a wide variety of payment gateways: Stripe, Authorize.net, PayPal, eWay, SagePay, Braintree, PayLeap, and more. Obviously you need an account with one of the supported payment gateways and as well as the charges you will incur from your gateway you will also have to pay a $0.50 transaction fee to Mijireh. I've not used this myself as with the shipping extensions you can purchase additional payment gateway modules and prefer a small one of cost rather than a recuring charge. The choice is yours.

For our tutorial let's start with PayPal setup. No surprise it is simple to setup! Enable it enter your PayPal email address and you done. You get a few other options you can tweak like invoice prefixing for PayPal and you can specify your PayPal page style. You can also enable or disable PayPal sandbox mode (it is enabled by default) brilliant for testing your store beofre you go live! That's it Payment gateway is probably the easiest bit of the whole setup.

Conclusion

So we have WooCommerce installed and our initial setup is complete, that wasn't too painful now was it? We've setup our shipping methods and also setup our payment gateways all with very little time or effort. In our second article we will go through adding some products and talk about the different product types WooCommerce offers, we'll have a look at how to style and theme WooCommerce and discuss next steps for extending WooCommerce.

How to

Lifeline WP Theme Installation

How to install WordPress?

  • Download and unzip the WordPress package.
  • Create a database for WordPress on your web server and a MySQL user.
  • Locate and rename wp-config-sample.php to wp-config.php. Edit the file and add your database information.
  • Upload the WP files to the desired location on the web server.
  • Access the URL in a web browser and run the WP installation script. Note: This will be the same URL where you uploaded the WP files.

How to install Lifeline theme?

  • Go to “Appearance => Themes” on the side menu of WP Dashboard
  • Click on “Add New” => “Upload” => “Choose File” and select the file from your PC.
  • Click on “Install Now” and the chosen theme will be installed.

What are the plugins needed to set up the Lifeline WP theme?

After you install the Lifeline WP theme, a Light Box will appear asking you to install the required plugins with the option “Begin Installing Plugin”. Click on it and install the plugins “Visual Composer” and “Revolution Slider” and “WooCommerce”. Install the plugins one by one and activate them.

How to install Demo of Lifeline WP theme?

How to install Demo Plugins?

  • Go to “Plugins => Install Plugins” on the side menu of WP Dashboard
  • Click on “Add New”
  • Put the term “WordPress Importer” in the search bar and click on “Search Plugins” option.
  • As the search results are displayed in the form of list, locate the “WordPress Importer” (version 0.6.1) and click on the option “Install Now”. Install and activate it.

How to upload and import “.xml” file for Demo installation?

  • Go to “Tools => Import” on the side menu of WP Dashboard
  • Click on “WordPress” option appearing on the bottom of the import WP dashboard to import files given in the “.xml” file.
  • Click on “Choose File” option and select the .xml file provided in the package.
  • Click on “Upload File and Import”.
  • After the files have been uploaded and imported, check the check box “Download and Import File Attachments”.
  • Click on “Submit”.
  • After the process of submission is over, go to the end of the submission list. Locate “All done. Have fun!” Click on it.
  • Now go to “Theme Options” dashboard and locate the option “Import Default Settings” to the top right side of the page and click on it. That is all—your demo installation will be complete.
Note:

i. If you don’t click on “All done. Have fun!” the process of Demo installation will remain incomplete and you won’t get expected results.

ii. It is also very necessary to click on “Import Default Settings”, present at the top right side of the “Theme Options” dashboard.

Common Problems Related to Demo Installation

What to do if Main Menu items on Header are dislocated?

  • Go to “Appearance => Menus” on the side menu of WP Dashboard
  • Click on “Manage Locations” and go to the options “Main Menu”.
  • Go to the menu selection dropdown and select “Main Menu” and click on “Save Changes” button.
  • Go to the tab “Edit Menus” and locate “Menu Settings”.
  • Put a check in the check box of “Main Menu” on the bottom of the dashboard.
  • Click on “Save Menu” on the bottom.

What to do if Header is larger than its normal size and improperly located?

  • Go to “Theme Options” => “General Settings” => “Choose Header Style”
  • Click on the Radio Button of anyone of the Header Styles which you want to apply.
  • Click on “Save All Changes” option, given on the bottom.

What to do if Logo is not visible?

  • Go to “Theme Options” => “General Settings” => “Choose Header Style”
  • Scroll the page down and locate the option of “Logo Image”.
  • Click on “Browse” and a pop up window will appear.
  • Upload the Logo Image from your PC by clicking on “Select Files”.
  • After the image has been uploaded, scroll the page down and click on “Insert into Post”. The pop up window will disappear.
  • Click on “Save All Changes” option, given on the bottom.

What to do if Logo is stretchy, improperly sized or looking imperfect?

  • Go to “Theme Options” => “General Settings” => “Choose Header Style”
  • Scroll the page down and locate the option of “Logo Size”.
  • Give the width and height for Logo in the input boxes of “Logo Width” and “Logo Height”, respectively.
  • Click on “Save All Changes” option, given on the bottom.

What to do if some of the widgets in Footer are not visible?

  • Go to “Appearance” => “Widgets” on the side menu of WP Dashboard
  • Go to the Footer Sidebar to the right side of the Widgets dashboard.
  • Click on the “Footer Sidebar” and the widgets provided on the footer will be displayed.
  • Click on each of the available footer widgets one by one. Click on “Save” option, provided in each of the widgets, and all the widgets will be displayed in the Footer properly.

What to do if carousel of the “Recent News” section is not working?

  • Go to “Pages” => “All Pages” => “Home”
  • Click on the “Edit” option given below “Home”.
  • Click on the “Edit” option of the “Recent News” section. A light box will appear for editing the “Recent News” section.
  • Scroll down the page of the Light Box to locate the “Number” option. Here enter the number of posts, provided in this section, which should be at least 4 or more.
  • Click on the “Save” option, and the light box will disappear.
  • Click on “Update” option to update the page.
Note:

If you keep the number of posts 3 or less, the carousel in the section of “Recent News” will not work. So, for the carousel to work, the number of posts should be at least 4 or more than that.

What to do if the images in the “Recent News” section are stretchy, or are looking inappropriate?

If you are encountering the problem of stretchy or imbalanced or improper image in the “Recent News” section, it might be because of the inappropriate size of the image being uploaded. So, please ensure that the size of the image you are uploading in the “Recent News” section must be 570x388 (width and height) in pixels.

What to do if Font Awesome Icons are not visible in “Our Welfare Projects” section?

  • Go to “Projects” => “All Projects” on the side menu of WP Dashboard. List of all the projects in the “Our Welfare Projects” section will be displayed on the “All Projects” Dashboard.
  • Click on the “Edit” option given below the name of the project whose Font Awesome icon is not visible in the “Our Welfare Projects” section.
  • Scroll the page down and go to the “Display Settings”.
  • Click on the “Service Icon” dropdown. A dropdown list will appear. Click on any of the Font Awesome Icon’s name which you want to apply to that particular project.
  • Click on “Update” option to update the page.

Other HOW TOs

How to set the Main Menu on Header?

  • Go to “Appearance => Menus” on the side menu of WP Dashboard
  • Go to the menu selection dropdown and select “Main Menu” and click on “Save Menu” option on the top.
  • Put a check in the check box of “Main Menu” on the bottom.
  • Click on “Save Menu” on the bottom.

How to change the Header background?

  • Go to “Pages/Posts/Teams” => Add New” on the side menu of WP Dashboard
  • Go to the bottom and locate the option “Top Image”.
  • Click on “Browse” => “Select Files” and choose image from your PC.
  • Click on “Publish” to apply the selected image on the header background.

How to change color schemes of the Lifeline WP theme?

  • Go to “Theme Options” => “General Settings”
  • Locate the option “Theme Color Scheme” and click on the Radio Button of “Predefined Color Scheme”
  • Go to the dropdown can select any of the available pre-defined color schemes.
  • Click on “Save All Changes” option, given on the bottom.

How to change Heading Font Family of the Lifeline WP theme?

  • Go to “Theme Options” => “Font Options” => “Heading Fonts”
  • Select the required Heading Font Family from the dropdown list for any of the 6 built-in Heading Typography styles, i.e. H1, H2 … H6.
  • Click on “Save All Changes” option, given on the bottom.
Note:

It is not necessary that you choose same Font Family for all the Heading Typography styles, i.e. H1, H2 … H6. You can choose the Font Family of your own choice for any of these options.

How to change Body Font Family of the Lifeline WP theme?

  • Go to “Theme Options” => “Font Options” => “Body Fonts”
  • Select the required Body Font Family from the dropdown list for “Body Font Options”, Grey Area Typography” and “Footer Options”.
  • Click on “Save All Changes” option, given on the bottom.
    • Note:

    It is not necessary that you choose same Font Family for all the Body Fonts, i.e. “Body Font Options”, Grey Area Typography” and “Footer Options”. You can choose the Font Family of your own choice for any of these options.

How to show/hide (make visible/invisible) “Donate Us” box?

  • Go to “Pages” => “All Pages” => “Home”
  • Click on the “Edit” option given below “Home”.
  • Click on the “Edit” option of the “Our Causes” section. A light box will appear for editing the “Our Causes” section.
  • Scroll down the page of the Light Box to locate the “Donation Section”.
  • Click on the dropdown of the “Donation Section” and select “True” or “False” to show or hide (add or remove) the Donate Us box from the Homepage, respectively.
  • Click on the “Save” option, and the light box will disappear.
  • Click on “Update” option to update the page.
Note:

i. If you show the “Donate Us” box on the Homepage, 3 posts of the “Our Causes” section will be displayed. However, if you remove the “Donate Us” box, 4 posts of the “Our Causes” section will be shown.

ii. So, in case you remove the Donate Us box, provide at least 4 posts in the Our Causes section for proper full-width display.

iii. Moreover, for the “Our Causes Carousel” to work in the absence of Donate Us box, you need to provide at least 5 posts.

How to add values in the “Donate Us” box?

  • Go to “Theme Options” => “Donation Settings” => “Donation Settings (sub-menu)”
  • Edit the donation options, like Title, PayPal Type, Currency Symbol, Amount Raised, Target Amount, and so on.
  • Click on “Save All Changes” option, given on the bottom.

How to add the ‘cursor hover’ values on Font Awesome Icons of “Our Welfare Projects” section?

  • Go to “Projects” => “All Projects” on the side menu of WP Dashboard. List of all the projects in the “Our Welfare Projects” section will be displayed on the “All Projects” Dashboard.
  • Click on the “Edit” option given below the name of the project where you want to add ‘cursor hover’ values on the Font Awesome Icon. These values appear as you bring cursor over the project’s icon.
  • Scroll the page down and go to the “Amount Information”. Click on it to open the options box.
  • Put in the “Currency Symbol”, “Spent Amount” and “Amount Needed” in the input boxes of the respective option.
  • Click on “Update” option to update the page.

How to set the Main Menu on Footer?

  • Go to “Appearance => Menus” on the side menu of WP Dashboard
  • Go to the menu selection dropdown and select “Footer Menu” and click on “Save Menu” option on the top.
  • Put a check in the check box of “Footer Menu” on the bottom.
  • Click on “Save Menu” on the bottom.

How to make visible/invisible the widgets area on the Footer section?

  • Go to “Theme Options” => “General Settings” => “Footer Settings”
  • Turn the Footer on/off from the On/Off Switch.
  • Click on “Save All Changes” option given on the bottom.
Note:

Turning the Switch On/Off will make visible/invisible only the widgets area of the Footer section. The part of the Footer section, below the widgets area, will always be visible.

How to change the Footer background?

  • Go to “Theme Options” => “General Settings” => “Footer Settings”
  • Go to the bottom and locate the option “Top Image”.
  • Locate the option, “Footer Background” and click on “Browse”
  • Click on “Select Image” and choose image from your PC.
  • Click on “Save All Changes” option given on the bottom.

How to add more Widgets in the Footer?

  • Go to “Appearance” => “Widgets” on the side menu of WP Dashboard
  • Locate the “Footer Sidebar” on the right side of the WP Dashboard.
  • Drag widgets from the “Available Widgets” area and drop them on the “Footer Sidebar”.

How to apply any of the 5 available Header Styles?

  • Go to “Theme Options” => “General Settings” => “Choose Header Style”
  • Click on the Radio Button of anyone of the Header Styles which you want to apply.
  • Click on “Save All Changes” option, given on the bottom.

How to display general information (Address, Ph. No. & Email ID) on Top Bar?

  • Go to “Theme Options” => “General Settings” => “Top Bar Settings”
  • Give information in the input boxes of “Address”, “Phone Number” and “Email Address”.
  • Click on “Save All Changes” option, given on the bottom.

How to set Favicon icon?

  • Go to “Theme Options” => “General Settings” => “Choose Header Style”
  • Locate “Logo Settings” and go to the “Favicon” option.
  • Click on “Browse” and upload image from your PC.
  • Click on “Save All Changes” option, given on the bottom.

How to set logo text, log size and logo font?

  • Go to “Theme Options” => “General Settings” => “Choose Header Style”
  • Locate “Logo Settings”.
  • Go to the option of “Use Logo Text”, and switch it on.
  • Enter text for the logo in the space provided for the purpose.
  • Choose color for the Logo Text from the color picker.
  • Select the Font Size, Font Family and Font Style.
  • Click on “Save All Changes” option, given on the bottom.

How to remove a section from any page through Visual Composer?

  • Go to “Pages” => “All Pages” on the side menu of WP Dashboard. All the available pages will be shown in the form of a list.
  • Click on the “Edit” option of any of the available pages from where you want to remove a section.
  • All the sections present on a particular page are displayed. In order to remove any of these sections, just delete it by clicking on “x” option.
  • Click on the “Update” option and the given section will be removed from that page.

How can I make visible the contents of an empty section on my page?

  • Go to “Pages” => “All Pages” on the side menu of WP Dashboard. All the available pages will be shown in the form of a list.
  • Click on the “Edit” option of any of the available pages where you have problem with the visibility of the contents of a particular section.
  • Click on the “Edit” option of the section and a pop-up window will appear.
  • Select a category from the “Category” dropdown.
  • Click on “Save” and then update the page.

How to set spacing from the top and bottom of any section?

  • Go to “Pages” => “All Pages” on the side menu of WP Dashboard. All the available pages will be shown in the form of a list.
  • Click on the “Edit” option of any of the available pages where you want to set the top and bottom margins.
  • Click on the “Edit” option of any of the available sections of the given page for which you want to set the top and bottom spacing.
  • As you click on the “Edit” option of any section, a pop-up window will appear.
  • Here you can locate the option of “Margins” with check boxes for “Top Margin” and “Bottom Margin”. Check either one or both of the check boxes.
  • Click on “Save” and then update the page.
Note:

i. If you want to give margin only on the top of a section, put a check mark only in the check box of “Top Margin.

ii. For giving spacing on the bottom of a section, put a check in the “Bottom Margin” check box.

iii. You can also check both the boxes to give spacing on the top as well as bottom of a section.

How to control or change logo size?

  • Go to “Theme Options” => “General Settings” => “Choose Header Style”
  • Go to the bottom and locate the options “Logo Image” and “Logo Size”.
  • Click on the option of “Remove/Upload” and choose image from your PC.
  • Now adjust the size of the logo (width and height in pixels) according to your requirement.
  • Click on “Save All Changes” option given on the bottom.

How to show/display footer on a page?

  • Go to “Appearance” => “Menus” => “Manage Locations”
  • Selection the option “Footer Menu” from the dropdown of “Main Menu” as well as “Footer Menu”.
  • Click on “Save Changes” button.
  • Go back and click on the “Edit Menu” tab.
  • Go to the bottom of the page and put a check in the check box of “Footer Menu” and then click on “Save Menu”.

How to choose left or right sidebar position?

  • Go to “Theme Options” => “Sidebar Options”
  • Locate the option of “Sidebar Position”. Choose the position of sidebar on the page by putting a check in the “Left” or “Right” radio button.
  • Click on “Save All Changes” option given on the bottom.
Note:

You can use this option of “Sidebar Position” only on the pages where sidebar is present.

How to create sidebar?

  • Go to “Theme Options” => “Sidebar Options”
  • Locate the option of “Sidebar Creator”.
  • Click on “Add More” option, and give a name for the sidebar. A new sidebar will be added.
  • Click on “Save All Changes” option given on the bottom.
Note:

i. Besides creating a new sidebar, you can also remove any of the existing sidebars by clicking on the “Remove” option.

ii. As you create a new sidebar, it can be viewed on the Widgets Dashboard (Appearance => Widgets) to the right side.

iii. If you want to add widgets in the newly created sidebar, just go to “Appearance => Widgets” and add widgets by drag and drop method.

iv. You can use sidebar only on the Page Templates which have built-in support for sidebar, e.g. Events Page, and so on.

v. To show a newly created sidebar on a particular sidebar-supporting page, go to the “Edit” option of that page. Apply it by clicking on the name of the sidebar from the sidebar dropdown list.

vi. These sidebars do not work on the default pages.

How to customize the 404 Page and set 404 Page Background Image?

  • Go to “Theme Options” => “Page Settings”
  • Locate the option of “404 Page Image” and click on “Browse” button. A pop up window will appear where you can upload an image from your PC by clicking on “Select Files”.
  • After the image has been uploaded, scroll the page down and click on “Insert into Post” button. The pop up window will disappear and you will be back on the “Page Settings” dashboard.
  • Give “404 Page Heading”, “404 Page Sub Heading”, “404 Page Colored Main Title”, “404 Page Sub Title”, “404 Page Content Heading” and “404 Page Content” in the respective input boxes.
  • According to your requirement, switch the “Page Comments Status” on or off from the “On/Off Button”.
  • Click on “Save All Changes” option given on the bottom.

How to choose the Blog Page settings in Theme Options?

  • Go to “Theme Options” => “Blog Settings”
  • Locate the option of “Blog Heading Text” and put blog heading text in the input box.
  • From the option of “Blog Heading Font Settings”, you can choose the desired Font Size, Font Style, Font Family and pick a color for the logo text.
  • In the same way, provide sub heading text and customize the Font Settings.
  • Go to the option “Blog Layout” and select the layout for your Blog.
  • Click on “Save All Changes” option given on the bottom.
Note:

i. If you want to set a blog page without sidebar, choose the option “Blog Wide” from the “Blog Layout” dropdown list.

ii. For creating a sidebar to the left on the blog page, choose the option “Left Sidebar Layout” from the “Blog Layout” dropdown list.

iii. For creating a sidebar to the right on the blog page, choose the option “Right Sidebar Layout” from the “Blog Layout” dropdown list.

How to select Wide or Boxed Layout for a page?

  • Go to “Theme Options” => “Layout Settings”
  • Locate the option of “Use Boxed Layout” and switch it on or off according to your requirement.
  • Go to the option of “Home Page Boxed Layout”, and switch it on or off according to your requirement.
  • You can also adjust width for the boxed layout from the option “Home Page Boxed Layout Width” dropdown.
  • Click on “Save All Changes” option given on the bottom.

How to choose from Predefined Pattern Backgrounds or upload your own “Pattern Image” for Boxed Layout?

  • Go to “Theme Options” => “Layout Settings”
  • Locate the option of “Predefined Patterns” and select any one of the predefined backgrounds from the dropdown list.
  • If you want to apply an image of your own choice, just go to “Pattern Image” and upload an image by clicking on the “Browse” option. A pop up window will appear where you can upload an image from your PC by clicking on “Select Files”. After the image has been uploaded, scroll the page down and click on “Insert into Post” button. The pop up window will disappear and you will be back on the “Layout Settings” dashboard.
  • Click on “Save All Changes” option given on the bottom. You are done now.

How to add/remove images in Countries Carousel?

  • Go to “Theme Options” => “Contact Page Options” => “Countries Slider”
  • Locate the option of “Add Countries”.
  • For adding more images, scroll the page down and click on “Add More”. A new row will be added where you can upload image by clicking on “Browse”. A pop up window will appear. Click on “Select Files” and choose image file from your PC. After uploading the image, scroll the page down and click on “Insert into Post” option. The pop up window will disappear, and you will be back on the “Countries Slider” Dashboard.
  • For removing any of the present images, click on “Remove Upload” and the given image will be removed.
  • After you are done with adding/removing images, click on “Save All Changes” option given on the bottom.

Credits

The credit for the development of this Lifeline—Responsive, Non-Profit, Church, Charity, NGO Premium WP Theme goes to:

  • Google Fonts
  • Developers of Javascript files which have been utilized herein.
  • Team of Webinane.com
  • iv. We are also thankful to the developers/designers of following products:
    • Font Awesome Icons: http://fortawesome.github.io/Font-Awesome/icons/
    • Intro : http://usablica.github.io/intro.js/
    • Elements : http://codepen.io/
    • Easy Pie Chart http://rendro.github.io/easy-pie-chart/
    • Tigra Calendar: http://www.softcomplex.com/products/tigra_calendar/
    • Line & Bar Chart Mini: omnipotent.net/jquery.sparkline/#s-about
    • Line & Bar Chart: http://designmodo.com/create-interactive-graph-css3-jquery/
    • Google Chart: https://developers.google.com/chart/
    • Full Event Calendar: http://arshaw.com/fullcalendar/
    • Custom Scrollbar: http://manos.malihu.gr/
    • Range Slider: http://ionden.com/a/plugins/ion.rangeSlider/
    • Wizard From : http://www.dynamicdrive.com/
    • Bootstrap : http://getbootstrap.com/